$(function() {
    $("#delBtn").show();
	$("#inquiryBtn").show();
    $("#submissionDate").hide();
    $("#creationDate").hide();
    $("#approvalDate").hide();
	$("#ctgSelect").css('display','inline-block');
    $("#viewSelect").css('display','inline-block');
});

function load() {
	$('#dataTable')
		.bootstrapTable(
			{
				method : 'get', // 服务器数据的请求方式 get or post
				url : prefix + '/query/listNotification', // 服务器数据的加载地址
				cache: false,
				//	showRefresh : true,
				//	showToggle : true,
				//locale: "zh-CN",
				locale: "en-US",
				//locale: "ko-KR",
				iconSize : 'outline',
				toolbar : '#exampleToolbar',
				striped : false, // 设置为true会有隔行变色效果
				dataType : "json", // 服务器返回的数据类型
				pagination : true, // 设置为true会在底部显示分页条
				// queryParamsType : "limit",
				// //设置为limit则会发送符合RESTFull格式的参数
				singleSelect : false, // 设置为true将禁止多选
				// contentType : "application/x-www-form-urlencoded",
				// //发送到服务器的数据编码类型
				pageSize : initPageSize, // 如果设置了分页，每页数据条数
				pageNumber : 1, // 如果设置了分页，首页页码
				//search : true, // 是否显示搜索框
				showColumns : false, // 是否显示内容下拉框（选择显示的列）
				sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者 "server"
				queryParams : function(params) {
					return {
						//说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
                        pageSize : params.limit,
						pageNum : params.pageNum,
                        title : $('#searchName').val(),
						orderBy:'create_time desc',
						isDelete: 'N'
					};
				},
				onPostBody: function () {
					     //改变复选框样式
					     $("#dataTable").find("input:checkbox").each(function (i) {
					         var $check = $(this);
					         if ($check.attr("id") && $check.next("label")) {
					            return;
					         }
					         var name = $check.attr("name");
					         var id = name + "-" + i;
					         var $label = $('<label for="'+ id +'"></label>');
					         $check.attr("id", id).parent().addClass("bella-checkbox").append($label);
					    });
				},
				onClickRow: function(row, $element, field) {
					//$element.addClass("trCurrent");
				},
				onDblClickRow: function(row, $element, field) {
					//maxView(row.appId,row.title)
				},
				onLoadSuccess:function(data){
				    wrapper.total = data.total
				},
				onCheck:function(row){
					wrapper.selectRowsTotal ++;
					wrapper.selectAppLineIds.push(row.appLineId);
				},
				onUncheck:function(row){
					wrapper.selectRowsTotal --;
					removeUncheckedId(wrapper.selectAppLineIds,row.appLineId)
					//wrapper.selectAppLineIds.remove(row.appId);
				},
				onCheckAll:function(rows){
					wrapper.selectRowsTotal = rows.length;
					$.each(rows,function(index,row){
						wrapper.selectAppLineIds.push(row.appLineId);
					});
				},
				onUncheckAll:function(rows){
					wrapper.selectRowsTotal = 0;
					wrapper.selectAppLineIds.length = 0;
				},
				// //请求服务器数据时，你可以通过重写参数的方式添加一些额外的参数，例如 toolbar 中的参数 如果
				// queryParamsType = 'limit' ,返回参数必须包含
				// limit, offset, search, sort, order 否则, 需要包含:
				// pageSize, pageNumber, searchText, sortName,
				// sortOrder.
				// 返回false将会终止请求
				columns : [
					{
						checkbox : true,
						class:'bella-checkbox',
						width:'30px'
					},
					{
						field : 'appId',
						title : 'ID',
						visible: false
					},
					{
						field : 'appLineId',
						title : 'LineID',
						visible: false
					},
                    {
                        field : '',
                        title : '<i class="fa fa-tag fa-lg fa-lg" aria-hidden="true"></i>',
                        width : '40px',
                        formatter : function(value, row, index) {
                            var e ="<div class='mailMark' style='position:absolute'>"+
										"<i  class='fa fa-tag fa-lg fa-lg' data-toggle='dropdown' aria-haspopup='true' style='color:"+row.category+"' aria-expanded='false' aria-hidden='true'></i>"+
										"<ul class='dropdown-menu mark pull-left' data-value="+row.appLineId+">"+
											"<li class='dropdown-item' data-value='1' data-color='red'><i class='fa fa-tag fa-lg fa-lg' style='color: red;' aria-hidden='true'></i>&nbsp;&nbsp;&nbsp;Urgent</li>"+
											"<li class='dropdown-item' data-value='2' data-color='#0096D6'><i class='fa fa-tag fa-lg fa-lg' style='color: #0096D6;' aria-hidden='true'></i>&nbsp;&nbsp;&nbsp;Important</li>"+
											"<li class='dropdown-item' data-value='3' data-color='green'><i class='fa fa-tag fa-lg fa-lg' style='color: green;' aria-hidden='true'></i>&nbsp;&nbsp;&nbsp;General</li>"+
											"<div class='dropdown-divider'></div>"+
											"<li class='dropdown-item' data-value='0' data-color='#DCDCDC'><i class='fa fa-tag fa-lg fa-lg' style='color: #DCDCDC;' aria-hidden='true'></i>&nbsp;&nbsp;&nbsp;Deselect</li>"+
										"</ul>"+
                                "</div>"
                            return e;
                        }
                    },
					{
						field : 'title',
						title : 'Title',
						width: '48%',
						formatter : function(value, row, index) {
						    var style = '';
						    if(row.readTime == null){
						        style = "color:#0048BC;font-weight:700;";
						    }
							var e = '<a class="titleTable" index=\''+index+'\' href="#" title=\''+value+'\' style=\''+style+'\'  onclick="showApproval(\'' + row.appId + '\',\'' + row.appLineId + '\',\''+row.category+'\',\'' + index + '\',\'' + row.readTime + '\',\'' + row.status + '\')">'+value+'</a> ';
							return e;
						}
					},
					{
						field : 'createUserNm',
						title : 'Author',
						width : '14%',
						formatter : function(value, row, index) {
							var e = '<a href="#" title=\''+value+'\'  onclick="showEmp(\'' + value + '\')">'+value+'</a> ';
							return e;
						}
					},
					{
						field : 'receiptTimeString',
						title : 'Receipt Date',
						width : '16%'
					},
					{
						title : 'Type',
						width : '20%',
						formatter : function(value, row, index) {
							var e = "<span style='font-size:12px'>"+row.urgentTypeString+','+row.handleTypeName+"</span>" ;
							return e;
						}
					} ]
			});
}

function showApproval(appId,appLineId,category,index,readTime,status){
    if(status == '2' || status == '5'){
        $(".compNum").show();
    }else{
        $(".compNum").hide();
    }
	$.ajax({
		url : prefix + "/query/getApproval/"+appId,
		type : "get",
		success : function(r) {
			$("#appIdSpan").text(appId);
			$("#appLineIdSpan").text(appLineId);
			$("#detailTopTitle").text(r.title);
			$("#detailAuthor").text(r.createUserNm+'/'+r.createUserJob);
			$("#detailTime").text(r.createTime);
			$("#comNum").text(r.completeNum);
			$("#contentText").text(r.content);
			$("#noSelected").hide();
			$("#selected").show();
            $(".detailMark").find('>i').css('color', category);
            $(".detailMark").find(".dropdown-menu").data('value',appLineId);

			if(dataFlag){
			    reLoad(appId);
			}
			else{
				loadApprovalLines(appId);
				$(".fixed-table-loading").remove();
			}
			loadAttachment(r.attachmentList);
			loadContent(r.content);
		},
		complete:function(){
		    if(readTime=='null'){
		        $.ajax({
                    url : prefix + "/readApproval/"+appLineId,
                    type : "put",
                    success : function(r) {
                        $('#dataTable').find('a[index='+index+']').removeAttr( "style" );
                    }
                });
		    }
		    $(".detailBody").show();
		 }
	});
}

